<template>
      <div class="paypouupdiv">
        <van-popup
          v-model="popupflag"
          closeable
          position="bottom"
          round
          :style="{ height: '42%' }"
        >
          <div class="poptitle">充值需登录岘视账号</div>
          <div class="paynumberdiv">
            <van-field
              v-model="paynmber"
              type="number"
              label="+86 ▼"
              placeholder="请输入手机号"
              maxlength="11"
            >
              <template #button>
                <div style="padding: 10px 0" class="tempnotext">获取</div>
              </template>
            </van-field>
          </div>
          <div class="rulenumber">
            <van-field
              v-model="rulernumber"
              type="number"
              placeholder="请输入验证码"
              maxlength="4"
            >
              <template #button>
                <div
                  style="padding: 10px 0; height: 100%"
                  @click="handlerrulenum"
                  :class="{ rulespannumber: havetime < 60 }"
                >
                  {{ havetime < 60 ? havetime + "s" : destext }}
                </div>
              </template>
            </van-field>
          </div>
          <div class="bottomloginbutton">
            <van-button type="info" @click="handlerloginforpersoninfo"
              >立即登录</van-button
            >
          </div>
          <div class="bottomcheckedandagreement">
            <van-checkbox v-model="checkedflag"></van-checkbox>
            <div style="margin-left: 1%">
              <span> 已阅读并同意</span>
              <span style="color: #2f59fe" @click="handlertogetmoneyagreement"
                >《充值协议》</span
              >
            </div>
          </div>
        </van-popup>
      </div>
</template>

<script>
  export default {
    name:'Login'
  }
</script>

<style lang="less" scoped>
  
</style>